<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>一帆海购网——搜索IBM-ETP</title>
		<link rel="stylesheet" type="text/css" href="/css/base.css" />
		<link rel="stylesheet" type="text/css" href="/css/gallery.css" />
		<link rel="stylesheet" type="text/css" href="/css/search.css" />
		<script src="/js/device.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/search.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="container">
			<!--开头-->
			<div id="header">
				<div id="topbar">你好！
					<%if(userInfo!=null){%>
					<a href="/member">
						<%=userInfo.loginname%>/
						<a href="/logout">退出</a>
					</a>
					<%}else{%>
					<a href="/login">登录</a>/
					<a href="/register">注册</a> 我的一帆
					<%}%>
				</div>
			</div>
			<div id="menu">
				<div id="mylogo">
					<a href="/">
						<img src="/img/logo.png" />
					</a>
				</div>
				<div id="menuad">
					<img src="/img/menuad.png" />
				</div>
				<div id="mysearch">
					<!--搜索-->
					<!--搜索-->
					<div id="searchbar">
						<table cellpadding="0" cellspacing="0">
							<tr>
								<td class="search_label">
									<input name="search_keywords" size="12" type="text" class="keywords" data-autocompleter="" value="<%=q%>" onfocus="this.value=(this.value=='面膜')?'':this.value;" onblur="this.value=(this.value=='')?'面膜':this.value;" />
								</td>

								<td><input type="submit" value="搜索" class="btn_search" onfocus='this.blur();' /> </td>
							</tr>
						</table>
					</div>
					<!--搜素标签-->
					<div id="searchtag">
						<ul id="mytags" class="keytags">
							<li>
								<a href="search?q=面膜&js=1">面膜</a>
							</li>
							<li>
								<a href="search?q=苹果&js=1">苹果</a>
							</li>
							<li>
								<a href="search?q=上衣&js=1">上衣</a>
							</li>
							<li>
								<a href="search?q=外套&js=1">外套</a>
							</li>
							<li>
								<a href="search?q=空气净化&js=1">空气净化</a>
							</li>
						</ul>
					</div>
				</div>
				<div id="myad">
					<img src="/img/myad.png" />
				</div>

			</div>
			<!--logo 搜索  广告-->
			<!--内容开始-->
			<div id="content">
				<div class="search_bottom_bar">

				</div>
				<div class="Navigation">
					<span class="pos-front">所有宝贝：</span>
				</div>

				<!--商品筛选 分页-->
				<div id="gallery_sortbar" class="gallery_sortbar clearfix">
					<!--默认 销量 价格-->
					<div class="gallery-sort fl">
						<a class="action-sort active" href="javascript:void(0);">默认</a>
						<a class="action-sort" href="javascript:void(0);">价格</a>
						<a class="action-sort" href="javascript:void(0);">销量</a>
						<label>排序：</label>
						<select class="action-orderby" name="">
							<option value="0" selected="selected">默认</option>
							<option value="1">按总访问量</option>
						</select>
					</div>
					<!--图标列表-->
					<div class="gallery-showmode fl">
						<a href="#"><i class="glyphicon glyphicon-th-large"> </i>大图</a>
						<a href="#"><i class="glyphicon glyphicon-th-list"> </i>列表</a>
						<label><input type="checkbox" name="" id="" value="" />仅显示有货</label>
					</div>
					<!--分页-->
					<div class="mini-pageview fr">
						<span class="">
							<%=currentpage%>/<%=pageSum%>
						</span>
						<span class="">
							<a href="/search?q=<%=q%>&js=<%=previouspage%>"><</a><a href="/search?q=<%=q%>&js=<%=nextpage%>">></a>						
						</span>
					</div>
				</div>
				<!--商品列表-->
				<%if(productlist.length>0){%>
				<div class="product_list">
					<ul class="clearfix">
						<%for(i=0;i<productlist.length;i++){%>
						<li>
							<div class="goods-pic">
								<!--照片-->
								<input type="text" class="hidden" name="product_id" id="product_id" value="<%=productlist[i].product_Id%>" />
								<a href="/product/<%=productlist[i].product_Id%>"><img src="<%=productlist[i].product_img%>" /></a>
							</div>
							<div class="goods-info">
								<h3><a href="/product/<%=productlist[i].product_Id%>"><%=productlist[i].product_name%></a></h3>

							</div>
							<div class="goods-price">
								<span class="new_price">
									￥<%=productlist[i].new_price%>
								</span>
								<span class="old_price">
									￥<%=productlist[i].old_price%>
								</span>
							</div>
							<div class="goods-buy clearfix">
								<div class="buy fl">
									<a href="/product/<%=productlist[i].product_Id%>">购买</a>
								</div>
								<div class="goods-other fr">
									<a class="goods_collect" href="javascript:void(0);"><i class="glyphicon glyphicon-heart"></i> 收藏
									</a>
								</div>
							</div>
						</li>
						<%}%>
					</ul>
				</div>
				<%}else{%>
				<div class="noresult">
					<div class="inner">
						<div class="taogongzai"></div>
						<div class="item-not-found">
							<div>没有找到相关的宝贝</div>
						</div>
					</div>
				</div>
				<%}%>
			</div>

			<!--content结束-->
            <!--在线客服-->
            <div class="online_service_panel">
            	<a href="/service/service_online" target="_blank"><img src="/img/online_service/robot.jpg"/></a>
            	<a href="/service/service_online" target="_blank">在线客服</a>
            </div>
            <!--在线客服结束-->
			<!--footer开始-->
			<!--应用网页模板-->
			<% include template/footer.html %>
			<!--footer结束-->
		</div>
	</body>

</html>